<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>长袜子皮皮图书屋</title>
<meta name="description"
	content="Sidebar Transitions: Transition effects for off-canvas views" />
<meta name="keywords"
	content="transition, off-canvas, navigation, effect, 3d, css3, smooth" />
<meta name="author" content="Codrops" />
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/normalize.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/demo.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/icons.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/component.css" />
<style type="text/css">
.form_fonts {
	font-size: 24px
}

.form_table {
	border-collapse: separate;
	border-spacing: 30px;
	margin: 0 auto
}

.form_btn {
	color: #fff;
	background-color: #33A463;
	border-color: #48a770;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
</style>
</head>
<body style="padding: 0px">

	<h5 class="icon icon-female">icon-female</h5>
	<br />
	<h5 class="icon icon-male">icon-male</h5>
	<br />
	<h5 class="icon icon-arrow-left">icon-arrow-left</h5>
	<br />
	<h5 class="icon icon-arrow-left-2">icon-arrow-left-2</h5>
	<br />
	<h5 class="icon icon-arrow-left-3">icon-arrow-left-3</h5>
	<br />
	<h5 class="icon icon-arrow-left-4">icon-arrow-left-4</h5>
	<br />
	<h5 class="icon icon-arrow-right">icon-arrow-right</h5>
	<br />
	<h5 class="icon icon-arrow-right-2">icon-arrow-right-2</h5>
	<br />
	<h5 class="icon icon-arrow-right-3">icon-arrow-right-3</h5>
	<br />
	<h5 class="icon icon-arrow-right-4">icon-arrow-right-4</h5>
	<br />
	<h5 class="icon icon-phone">icon-phone</h5>
	<br />
	<h5 class="icon icon-news">icon-news</h5>
	<br />
	<h5 class="icon icon-photo">icon-photo</h5>
	<br />
	<h5 class="icon icon-shop">icon-shop</h5>
	<br />
	<h5 class="icon icon-wallet">icon-wallet</h5>
	<br />
	<h5 class="icon icon-t-shirt">icon-t-shirt</h5>
	<br />
	<h5 class="icon icon-heart">icon-heart</h5>
	<br />
	<h5 class="icon icon-cloud">icon-cloud</h5>
	<br />
	<h5 class="icon icon-display">icon-display</h5>
	<br />
	<h5 class="icon icon-diamond">icon-diamond</h5>
	<br />
	<h5 class="icon icon-banknote">icon-banknote</h5>
	<br />
	<h5 class="icon icon-data">icon-data</h5>
	<br />
	<h5 class="icon icon-music">icon-music</h5>
	<br />
	<h5 class="icon icon-location">icon-location</h5>
	<br />
	<h5 class="icon icon-star">icon-heart</h5>
	<br />
	<h5 class="icon icon-tv">icon-tv</h5>
	<br />
	<h5 class="icon icon-eye">icon-eye</h5>
	<br />
	<h5 class="icon icon-megaphone">icon-megaphone</h5>
	<br />
	<h5 class="icon icon-study">icon-heart</h5>
	<br />
	<h5 class="icon icon-bubble">icon-bubble</h5>
	<br />
	<h5 class="icon icon-sound">icon-sound</h5>
	<br />
	<h5 class="icon icon-video">icon-video</h5>
	<br />
	<h5 class="icon icon-stack">icon-stack</h5>
	<br />
	<h5 class="icon icon-lab">icon-lab</h5>
	<br />
	<h5 class="icon icon-food">icon-food</h5>
	<br />
	<h5 class="icon icon-cup">icon-cup</h5>
	<br />
	<h5 class="icon icon-trash">icon-trash</h5>
	<br />
	<h5 class="icon icon-user">icon-user</h5>
	<br />
	<h5 class="icon icon-key">icon-key</h5>
	<br />
	<h5 class="icon icon-fire">icon-fire</h5>
	<br />
	<h5 class="icon icon-clip">icon-clip</h5>
	<br />
	<h5 class="icon icon-mail">icon-mail</h5>
	<br />
	<h5 class="icon icon-search">icon-search</h5>
	<br />
	<h5 class="icon icon-settings">icon-settings</h5>
	<br />
	<h5 class="icon icon-like">icon-like</h5>
	<br />
	<h5 class="icon icon-calendar">icon-calendar</h5>
	<br />
	<h5 class="icon icon-camera">icon-camera</h5>
	<br />
	<h5 class="icon icon-tag">icon-tag</h5>
	<br />
	<h5 class="icon icon-note">icon-note</h5>
	<br />
	<h5 class="icon icon-clock">icon-clock</h5>
	<br />
	<h5 class="icon icon-lock">icon-lock</h5>
	<br />
	<h5 class="icon icon-vynil">icon-vynil</h5>
	<br />
	<h5 class="icon icon-truck">icon-truck</h5>
	<br />
	<h5 class="icon icon-paperplane">icon-paperplane</h5>
	<br />
	<h5 class="icon icon-bulb">icon-bulb</h5>
	<br />
	<h5 class="icon icon-pen">icon-pen</h5>
	<br />
	<h5 class="icon icon-params">icon-params</h5>
	<br />
	<h5 class="icon icon-world">icon-world</h5>
	<br />







	<script type="text/javascript" charset="utf-8"
		src="${pageContext.request.contextPath}/common/js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" charset="utf-8"
		src="${pageContext.request.contextPath}/js/classie.js"></script>
	<script type="text/javascript" charset="utf-8"
		src="${pageContext.request.contextPath}/js/sidebarEffects.js"></script>
	<script type="text/javascript" charset="utf-8"
		src="${pageContext.request.contextPath}/js/modernizr.custom.js"></script>
	<script type="text/javascript" charset="utf-8">
		
	</script>
</body>
</html>
